<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/template.css">
    <link rel="stylesheet" href="../css/APIdetails.css">
</head>

<body>
    <!-- 头部 -->
    <div class="top clearfix">

        <div class="top-img fl">
            <a href="../pages/index.html">
                <img src="../images/new-logo-white2.png">
            </a>

        </div>
        <div class="top-main">
            <a href="../pages/index.html">首页</a>
            <a href="../pages/API.html" class="on">API</a>
            <a href="../pages/customer.html">案例</a>
        </div>
        <div class="top-right fr">
            <a href="../pages/login.html" class="top-a1">登录 </a>
            <a href="../pages/register.html" class="top-a2">注册有礼</a>
        </div>
    </div>
    <!-- banner区域 -->

    <div class="banner">
        <div id="mydiv" style="height:100px;"></div>
        <div class="api-main-content clearfix">
            <!-- banner左边 -->
            <div class="api-main-content-left fl">
                <p>
                    <img src="../images/API11.jpg">
                </p>
                <ul class="clearfix left-ul">
                    <li class="fl first">
                        <p>
                            <img src="../images/API_smallicon_01.jpg">
                        </p>
                        <p>
                            <span>
                                103
                            </span>
                        </p>
                    </li>
                    <li class="fl">
                        <p>
                            <img src="../images/API_smallicon_02.jpg">
                        </p>
                        <p>
                            <span>
                                14245
                            </span>
                        </p>
                    </li>
                    <li class="fl">
                        <p>
                            <img src="../images/API_smallicon_03.jpg">
                        </p>
                        <p>
                            <span>
                                623
                            </span>
                        </p>
                    </li>
                </ul>
            </div>
            <!-- banner右边 -->
            <div class="api-main-content-right fr">
                <!-- 第一行 -->
                <div class="clearfix infor">
                    <h2 class="fl">身份证实名认证</h2>
                    <span class="fl">支持HTTPS</span>
                    <span class="fl">企业专用</span>
                </div>
                <!-- 第二行 -->
                <div class="content-line clearfix">
                    <div class="api-main-content-right1 fl">
                        <span class="fl">
                            <img src="../images/API03.jpg">
                            <span class="api-main-span">限企业实名用户使用</span>
                        </span>
                    </div>
                    <div class="api-main-content-right2 fl">
                        <span class="fl">
                            <img src="../images/API08.jpg">
                            <span class="api-main-span">本接口需提供应用场景审核</span>
                        </span>
                    </div>
                    <div class="api-main-content-right3 fl">
                        <span class="">
                            <img src="../images/API05.jpg">
                            <span class="api-main-span">个人实名用户无法使用</span>
                        </span>
                    </div>
                </div>

                <!-- 第三行 -->
                <p class="right-p">检测姓名和身份证号是否一致，身份证验证。</p>
                <!-- 第四行 -->
                <ul class="btn-list clearfix">
                    <li class="code fl">
                        <!-- 按钮文字 -->
                        <span class="code-span">
                            <img src="../images/API17.jpg">
                            扫码测试

                        </span>
                        <!-- 二维码 -->
                        <div>
                            <img src="../images/103-demo.png" alt="">
                            <p>打开微信扫一扫</p>
                        </div>
                    </li>
                </ul>
                <p class="price">
                    ¥1200
                    <span>(约0.3000元/次)仅限企业实名购买</span>
                </p>
                <div class="apply">
                    <a href="#">立即申请</a>
                </div>
            </div>


        </div>

    </div>
    <div class="null">

    </div>
    <!-- 内容区域 -->
    <!-- 标题部分 -->
    <div class="all ">


        <div class="API-content-box ">
            <ul class="API-content-ul  ">
                <li class="fl border-xia">API文档</li>
                <li class="fl ">错误码参照</li>
                <li class="fl ">示例代码</li>
                <li class="fl ">联系我们</li>
            </ul>
        </div>

        <!-- 下面的盒子内容 -->
        <!-- API文档对应的盒子 -->
        <div class="document ">
            <p class="document-p">接口地址：<span> http://op.itsource.cn/idcard/query</span></p>

            <p>返回格式： <span>json</span></p>

            <p>请求方式： <span>http get/post</span></p>

            <p>请求示例： <span>http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span></p>

            <p>接口备注：<span> error_code为0时计费</span></p>
            <div class="document-btn">
                API测试工具
            </div>
            <!-- 第一个表格部分 -->
            <div class="first-content">
                <p class="please">请求参数说明：
                    <span class="please-span"></span>
                </p>
                <table class="first-content-table">
                    <tbody class="first-content-tbody">
                        <tr>
                            <th width="20"></th>
                            <th width="20%">名称</th>
                            <th width="15%">必填</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>orderid</td>
                            <td>是</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>

                    </tbody>
                </table>
            </div>
            <!-- 第二个表格部分 -->
            <div class="two-content">
                <p class="please">返回参数说明：
                    <span class="please-span"></span>
                </p>
                <table class="first-content-table">
                    <tbody class="first-content-tbody">
                        <tr>
                            <th width="20"></th>
                            <th width="20%">名称</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>error_code</td>
                            <td>int</td>
                            <td>返回码</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>reason</td>
                            <td>string</td>
                            <td>返回说明</td>

                        </tr>

                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>result</td>
                            <td>object</td>
                            <td>返回结果集</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>realname</td>
                            <td>string</td>
                            <td>属result,真实姓名</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>idcard</td>
                            <td>string</td>
                            <td>属result,身份证号</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>res</td>
                            <td>int</td>
                            <td>属result,匹配详情,1匹配,2不匹配</td>

                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- 第三个部分 -->
            <div class="three">
                <p class="please">JSON返回示例：
                    <span class="please-span"></span>
                    <span class="three-span">
                        JSON在线格式化工具
                    </span>
                </p>
                <div class="three-box">
                    <p class="three-box-p">{</p>

                    <p class="three-box-p">"reason": "成功",</p>

                    <p class="three-box-p">"result": {</p>

                    <p class="three-box-p">"realname": "***",/*真实姓名*/</p>

                    <p class="three-box-p">"idcard": "******************",/*身份证号码*/</p>

                    <p class="three-box-p">"orderid":"J103202010151450419556",/*流水号*/</p>

                    <p class="three-box-p">"res": 1 /*1：匹配 2：不匹配*/</p>

                    <p class="three-box-p">},</p>

                    <p class="three-box-p">"error_code": 0</p>

                    <p class="three-box-p">}</p>
                </div>
            </div>
        </div>
        <!-- 错误码参照部分 -->
        <!-- 第一个表格部分 -->
        <div class="content-main">


            <div class="second-content">
                <p class="please1">请求参数说明：
                    <span class="please-span1"></span>
                </p>
                <table class="first-content-table">
                    <tbody class="first-content-tbody">
                        <tr>
                            <th width="20"></th>
                            <th width="20%">名称</th>
                            <th width="15%">必填</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td>姓名(UTF-8)</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>orderid</td>
                            <td>是</td>
                            <td>int</td>
                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>key</td>
                            <td>是</td>
                            <td>string</td>
                            <td>在个人中心->我的数据,接口名称上方查看</td>
                        </tr>

                    </tbody>
                </table>
            </div>
            <!-- 第二个表格部分 -->
            <div class="two-content-else">
                <p class="please1">返回参数说明：
                    <span class="please-span1"></span>
                </p>
                <table class="first-content-table">
                    <tbody class="first-content-tbody">
                        <tr>
                            <th width="20"></th>
                            <th width="20%">名称</th>
                            <th width="15%">类型</th>
                            <th>说明</th>
                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>error_code</td>
                            <td>int</td>
                            <td>返回码</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>reason</td>
                            <td>string</td>
                            <td>返回说明</td>

                        </tr>

                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>result</td>
                            <td>object</td>
                            <td>返回结果集</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>realname</td>
                            <td>string</td>
                            <td>属result,真实姓名</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>idcard</td>
                            <td>string</td>
                            <td>属result,身份证号</td>

                        </tr>
                        <tr class="first-content-tbody-tr">
                            <td>&nbsp</td>
                            <td>res</td>
                            <td>int</td>
                            <td>属result,匹配详情,1匹配,2不匹配</td>

                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- 第三个部分 -->
            <div class="three-main-else">
                <p class="please1">JSON返回示例：
                    <span class="please-span1"></span>
                    <span class="three-span">
                        JSON在线格式化工具
                    </span>
                </p>
                <div class="three-box1">
                    <p class="three-box-p1">{</p>

                    <p class="three-box-p1">"reason": "成功",</p>

                    <p class="three-box-p1">"result": {</p>

                    <p class="three-box-p1">"realname": "***",/*真实姓名*/</p>

                    <p class="three-box-p1">"idcard": "******************",/*身份证号码*/</p>

                    <p class="three-box-p1">"orderid":"J103202010151450419556",/*流水号*/</p>

                    <p class="three-box-p1">"res": 1 /*1：匹配 2：不匹配*/</p>

                    <p class="three-box-p1">},</p>

                    <p class="three-box-p1">"error_code": 0</p>

                    <p class="three-box-p1">}</p>
                </div>
            </div>
        </div>

    </div>
    <!-- 示例代码部分 -->
    <div class="three-main-main">
        <p class="please1">JSON返回示例：
            <span class="please-span1"></span>
            <span class="three-span-else">
                JSON在线格式化工具
            </span>
        </p>
        <div class="three-box2">
            <p class="three-box-p2">{</p>

            <p class="three-box-p2">"reason": "成功",</p>

            <p class="three-box-p2">"result": {</p>

            <p class="three-box-p2">"realname": "***",/*真实姓名*/</p>

            <p class="three-box-p2">"idcard": "******************",/*身份证号码*/</p>

            <p class="three-box-p2">"orderid":"J103202010151450419556",/*流水号*/</p>

            <p class="three-box-p2">"res": 1 /*1：匹配 2：不匹配*/</p>

            <p class="three-box-p2">},</p>

            <p class="three-box-p2">"error_code": 0</p>

            <p class="three-box-p2">}</p>
        </div>
    </div>
    <!-- 联系我们部分 -->
    <div class="tel">
        <p class="tel-p">联系我们
            <span class="tel-span">

            </span>
        </p>
        <table class="tel-table">
            <tbody class="tel-tbody">
                <tr>
                    <th width="5%"></th>
                    <th width="40%">内容</th>
                    <th width="40%">详细</th>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>售前咨询①:</td>
                    <td>0512-88869195</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>客服热线:</td>
                    <td>400-882-7715</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>在线客服QQ:</td>
                    <td>800076065</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>接口测试:</td>
                    <td>API测试工具</td>
                </tr>


            </tbody>
        </table>
    </div>


    <!-- 右边的内容 -->
    <div class="aside ">
        <div class=" aside-main ">
            <h2>活动推荐/Activity</h2>
            <ul class="aside-ul">
                <li>
                    <img src="../images/sfz-aside1.png">
                </li>
                <li>
                    <img src="../images/details-aside02.png">
                </li>
                <li>
                    <img src="../images/details-aside03.png">
                </li>
            </ul>
            <!-- 猜你喜欢内容 -->
            <h2 class="aside-main-h2">
                猜你喜欢
            </h2>
            <ul>
                <li class="clearfix like-li">
                    <a href="#" class="fl like-a">
                        <img src="../images/API22.jpg">
                    </a>
                    <div class="fr">
                        <p class="like-p">短信API服务</p>
                        <p class="like-p1">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                    </div>
                </li>
                <li class="clearfix like-li">
                    <a href="#" class="fl like-a">
                        <img src="../images/API26.jpg">
                    </a>
                    <div class="fr">
                        <p class="like-p">银行卡四元素校验</p>
                        <p class="like-p1">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                    </div>
                </li>
                <li class="clearfix like-li">
                    <a href="#" class="fl like-a">
                        <img src="../images/API30.jpg">
                    </a>
                    <div class="fr">
                        <p class="like-p">身份证查询</p>
                        <p class="like-p1">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                    </div>
                </li>
                <li class="clearfix like-li">
                    <a href="#" class="fl like-a">
                        <img src="../images/API33.jpg">
                    </a>
                    <div class="fr">
                        <p class="like-p">身份证OCR识别</p>
                        <p class="like-p1">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                    </div>
                </li>
                <li class="clearfix like-li">
                    <a href="#" class="fl like-a">
                        <img src="../images/API36.jpg">
                    </a>
                    <div class="fr">
                        <p class="like-p">三网手机实名制认证</p>
                        <p class="like-p1">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
                    </div>
                </li>
            </ul>

        </div>


    </div>



    <!-- 按钮部分 -->
    <div class="content-text">
        <h1 class="content-text-h1">现在注册，百款接口免费测试</h1>
        <p>
            <a href="../pages/register.html" class="content-text-a">免费注册</a>
        </p>
    </div>

    <!-- 尾部 -->
    <div class="footer  clearfix">
        <div class="container">


            <div class="footer-box1 fl">
                <h1 class="footer-left-h1">联系与支持</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box2 fl">
                <h1 class="footer-left-h1">关于源码</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box3 fl">
                <h1 class="footer-left-h1">快速入口</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box4 fl">
                <h1 class="footer-left-h1">产品服务</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box5 fl">
                <h1 class="footer-left-h1">解决方案</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>

            <div class="footer-right fr">
                <h1>微信公众号 </h1>

                <p>源码时代</p>
                <img src="../images/103-demo.png">

            </div>
            <div class="footer-box-p">
                <p class="footer-box-p1">源码大数据股份有限公司©版权所有</p>
                <p class="footer-box-p2">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
                <span class="footer-span">
                    <img src="../images/bei2.png" class="footer-span-img1">
                    <img src="../images/bei1.png" class="footer-span-img2">
                </span>
            </div>
        </div>
    </div>


    </div>
    </div>
    <script src="../lib/canvas-particle.js"></script>
    <script src="../js/APIdetails.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            //配置
            var config = {
                vx: 4, //小球x轴速度,正为右，负为左
                vy: 4, //小球y轴速度
                height: 2, //小球高宽，其实为正方形，所以不宜太大
                width: 2,
                count: 50, //点个数
                color: "121, 162, 185", //点颜色
                stroke: "#666666", //线条颜色
                dist: 6000, //点吸附距离
                e_dist: 20000, //鼠标吸附加速距离
                max_conn: 10 //点到点最大连接数
            }

            //调用
            CanvasParticle(config);
        }
    </script>

</body>

</html>